{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros.html" import sub_nav with context %}
{% from "macros-protocol.html" import split with context %}

{% extends "firefox/base/base-protocol.html" %}

{% block page_title %}{{ ftl('firefox-faq') }}{% endblock %}
{% block page_desc %}{{ ftl('whether-you-searched-privacy') }}{% endblock %}

{% block page_css %}
  {{ css_bundle('protocol-split') }}
  {{ css_bundle('firefox-faq') }}
{% endblock %}

{% block sub_navigation %}
  {% if ftl_has_messages('sub-navigation-firefox', 'sub-navigation-what-is-a-browser', 'sub-navigation-browsing-history') %}
    {{ sub_nav(
      title={
        'text':  ftl('sub-navigation-firefox'),
        'href':  "https://www.firefox.com/?redirect_source=mozilla-org",
        'icon':  static('protocol/img/logos/firefox/browser/logo.svg'),
        'cta_name': 'Firefox'
      },
      links=[
        {
          'text':  ftl('sub-navigation-what-is-a-browser'),
          'href':  url('firefox.browsers.what-is-a-browser'),
          'cta_name': 'What Is a Browser?'
        },
        {
          'text': ftl('sub-navigation-browser-history'),
          'href': url('firefox.browsers.browser-history'),
          'cta_name': 'Browser History'
        }
      ]
    ) }}
  {% endif %}
{% endblock %}

{% block content %}
  {% call split(
      block_class='mzp-l-split-center-on-sm-md',
      image=resp_img(
        url='img/firefox/browsers/quantum/browser-v2.jpg',
        srcset={
          'img/firefox/browsers/quantum/browser-high-res-v2.jpg': '2x'
        },
        optional_attributes={
          'class': 'mzp-c-split-media-asset',
          'width': '537',
          'height': '467'
        }
      ),
      media_after=True
  ) %}
  <div class="mzp-c-logo mzp-t-logo-lg mzp-t-product-firefox"></div>
  <h1 class="mzp-u-title-lg">{{ ftl('firefox-faq')}}</h1>
  <p>{{ ftl('whether-you-searched-independant') }}</p>
  {{ download_firefox_thanks() }}
  {% endcall %}

  <section class="mzp-l-content mzp-t-content-md">
    <ul class="faq-list">
      <li>
        <h2>{{ ftl('what-is-firefox') }}</h2>
        <p>{{ ftl('the-firefox-browser-the-only',
          url="https://www.firefox.com/?redirect_source=mozilla-org",
          url2=url('products.landing')) }}</p>
      </li>
      <li>
        <h2>{{ ftl('how-do-i') }}</h2>
        <p>{{ ftl('you-can-easily',
              url="https://www.firefox.com/?redirect_source=mozilla-org",
              url2=url('firefox.windows'),
              url3=url('firefox.mac'),
              url4=url('firefox.linux'),
              url5=url('firefox.browsers.mobile.index')
              )}}</p>
      </li>
      <li>
        <h2>{{ ftl('is-firefox-free') }}</h2>
        <p>{{ ftl('yep-the-firefox-browser-is-free') }}</p>
        <small>{{ ftl('related-questions-free') }}</small>
      </li>
      <li>
        <h2>{{ ftl('is-chrome-better') }}</h2>
        <p>{{ ftl('no-we-dont') }}</p>
        <p>{{ ftl('see-how-firefox', url=url('firefox.browsers.compare.chrome')) }}</p>
        <small>{{ ftl('related-questions-better') }}</small>
      </li>
      <li>
        <h2>{{ ftl('is-firefox-safe-download') }}</h2>
        <p>{{ ftl('protecting-your-privacy', url="https://www.firefox.com/?redirect_source=mozilla-org") }}</p>
      </li>
      <li>
        <h2>{{ ftl('is-firefox-safe') }}</h2>
        <p>{{ ftl('not-only-is', url=url('firefox.features.private')) }}</p>
        <small>{{ ftl('related-questions-safe') }}</small>
      </li>
      <li>
        <h2>{{ ftl('why-is-firefox') }}</h2>
        <p>{{ ftl('firefox-isnt-slow') }}</p>
      </li>
      <li>
        <h2>{{ ftl('is-firefox-chromium') }}</h2>
        <p>{{ ftl('firefox-is-not') }}</p>
      </li>
      <li>
        <h2>{{ ftl('does-firefox-use') }}</h2>
        <p>{{ ftl('firefoxs-default-search',
              url='https://support.mozilla.org/kb/change-your-default-search-settings-firefox/?utm_source=www.mozilla.org-firefox-faq&amp;utm_medium=referral&amp;utm_campaign=seo') }}</p>
      </li>
      {% if ftl_has_messages('firefox-does-not-v2') %}
      <li>
        <h2>{{ ftl('does-firefox-have') }}</h2>
        <p>{{ ftl('firefox-does-not-v2',
              url=url('products.vpn.landing')) }}</p>
        <small>{{ ftl('related-questions-ip') }}</small>
      </li>
      {% endif %}
      <li>
        <h2>{{ ftl('who-owns-firefox') }}</h2>
        <p>{{ ftl('firefox-is-made', url='https://foundation.mozilla.org/?utm_source=www.mozilla.org-firefox-faq&amp;utm_medium=referral&amp;utm_campaign=seo', url2=url('foundation.moco')) }}</p>
        <small>{{ ftl('related-questions-who') }}</small>
      </li>
    </ul>
    {{ download_firefox_thanks() }}
  </section>
{% endblock %}
